<template>
	<div class="my-task">
		<router-view></router-view>
	</div>
</template>

<script>
</script>

<style lang="scss">
  .my-task{
    padding-bottom: 25px;
  }
  .main-card{
    padding-bottom: 15px;
  }
  .el-card {
        width: 98%;
        margin: 15px auto 0;

        .page-header{
          border-bottom:1px solid #ddd;
          padding-bottom: 15px;
          margin-bottom: 15px;
        }


        .search-top{
          padding:0;margin: 0;display:flex;align-items: center;
          .searchText {
    margin: 0;
}
         .searchBtn{
          margin-left:10px
        }
        }

    .taskList{
      display: flex;
      justify-content: space-between;
      align-items:center;
      font-size: 14px;
      margin:10px 0;
      .medium{
        margin-left:10px
      }
    }
    .el-divider--horizontal{
      margin:0
    }

        .bottom {
            display: flex;
            justify-content: flex-end;
            margin-top: 15px;
        }
    }
</style>
